<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <style>
    *{
	padding:0;
	margin:0;	
	}
.clear:after{
		content:'';
		display:block;
		height:0;
		clear:both;
	}
ul{list-style-type:none;}
a{text-decoration:none;}
    .header{
	width:1920px;
	height:101px;
}
.header-center{
	width:1202px;
	height:40px;
	margin:30px auto;}
.container{
	width:1202px;
	text-align:center;
	margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.logo p{
	width:200px;
	height:40px;
	font-size:39px;
	font-family:Microsoft-YaHei;
	font-weight:bold;
	color:rgba(0,164,255,1);
}
.nav{
	width:600px;
                height:40px;
                margin-left:79px;
   }
.nav p{line-height:40px;
	margin-top:15px;}
.nav li{width:80px;
    height:40px;
	float:left;
	font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
}
.nav a{
    color:rgba(5,5,5,1);
}
.nav li:hover{
	text-decoration:none;
	border-bottom:2px solid rgba(0,164,255,1);
}
.form{
	width:410px;
	height:40px;
	float:left;
	margin-left:180px;
	margin-top:10px;
}
.search{
	float:left;
	width:300px;
    height:40px;
    border:1px solid rgba(0,164,255,1);
}
.submit{
	float:left;
	width:50px;
	height:40px;
	border:1px solid rgba(0,164,255,1);
	background:rgba(0,164,255,1);
	cursor:pointer;
	position:relative;
}


.banner{
	width:1920px;
	height:420px;
	background:#E0E0E0;
	position:relative;
}
.img-one{width:700px;height:400px;}

.image{
	width:1920px;
	height:1440px;
	margin-top:20px;
	background-color:#E0E0E0;
}
.img-first{
	width:1200px;
	height:60px;
	line-height:60px;
	margin-left:360px;
}
.one{
	font-size:20px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:rgba(73,73,73,1);
}

.img-second{
	width:1225px;
	height:300px;
	margin-left:360px;
}
.list4 li{
	float:left;
	height:270px;
	width:228px;
	box-shadow:0px 2px 3px 0px rgba(118,118,118,0.2);
}
.big{margin-right:15px;
	margin-bottom:15px;}

.button1{
	width:87px;
	height:25px;
	font-size:13px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:white;
	line-height:20px;
	background:black;
	margin-top:5px;
	cursor:pointer;
}

.footer{
	width:1917px;
	height:417px;
	background:#E0E0E0;
}


.footer>ul{float:left;}
.footer-list1{
	margin-top:130px;
	margin-left:400px;
	width:80px;
	height:150px;

}
.footer-list2{
	margin-top:130px;
	margin-left:110px;
	width:100px;
	height:150px;
}
.footer-list3{
	margin-top:130px;
	margin-left:110px;
	width:70px;
	height:80px;
}
.list-first{
	width:82px;
	height:17px;
	font-size:16px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:rgba(51,51,51,1);
	line-height:21px;
	margin-bottom:50px;
}
    
    
    
    </style>
</head>
<body>
    <div class="header">
        <div class="header-center">>
            <div class="container clear">
                    <div class="logo fl clear"><p>首页</p></div>
                    
                    <div class="form clear">
                        <form>
                            
                            <input type="text" placeholder="输入关键词" class="search clear"/>
                            <input type="button" value="搜索"  class="submit clear"/>
                        </form> 
                    </div>
                    
            </div>
        </div>
    </div>
    
    </div>
    
    
    <div class="image">
            <div class="img-first"><p class="one fl clear">项目</p>
            
            </div>
            <div class="img-second">
            	<ul class="list4">
            		<li class="big"><img id="listimg" src="./a8.jpg" /></li>
            	</ul>
              <!--   <ul class="list4">
                <li class="big"><img src="png/z1.png"/></li>
                <li class="big"><img src="png/z2.png"/></li>
                <li  class="big"><img src="png/z3.png"/></li>
            </ul></div>
            <div class="img-second">
                <ul class="list4">
                <li class="big"><img src="png/z4.png"/></li>
                <li class="big"><img src="png/z5.png"/></li>
                <li  class="big"><img src="png/z6.png"/></li>
            </ul> --></div>
            <div class="footer">
                
                <ul class="footer-list1 ">
                    <li class="list-first">帮助
                   
                    </li></ul>
                <ul class="footer-list2">
                    <li class="list-first">隐私
                    </li></ul>
                <ul class="footer-list3">
                    <li class="list-first">条款
                    </li></ul>
                
        </div>


    </div>
           
        
    </div>
</body>
</html>